.unit-form{
    overflow: hidden;
    width: 100%;
    line-height: 50px;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.uni-form-head{
    background: #f8f8f8;
    border-top: 1px solid #e1e1e1;
}
.uni-form-content{
    border-bottom: 1px solid #e1e1e1;
}
.uni-form-td{
    padding: 5px 10px;
    display: inline-block;
    box-sizing: border-box;
    float: left;
}
.uni-form-td-name{
    width: 140px;
}
.uni-form-td-null,.uni-form-td-sort{
    width: 50px;
}
.uni-form-td-handle{
    width: 100px;
}
.uni-form-td-set{
    width: calc(100% - 340px);
}
.unit-form-unit-icon{
    width: 100%;
    height: 100%;
    cursor: move;
}
.unit-form-options{
    width: 100%;
    height: 220px;
    background: #f9fafc;
    border:1px solid #e1e1e1;
    border-top: none;
    position: relative;
    overflow: hidden;
    transition: all 0.3s linear;
}
.unit-form-btns{
    text-align: center;
    margin-top: 20px;
}
.uni-form-options-head{
    text-align: right;
    padding:10px;
}
.uni-form-options-head i{
    font-size: 18px;
    cursor: pointer;
}
.unit-form-option-body{
    padding:0 10px;
    
}
.unit-form-option-lists > span{
    display: inline-block;
    padding:3px 15px;
    border:1px solid #ccc;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 3px;
    cursor: pointer;
    background: #fff;
}
.unit-form-option-lists > span:hover{
    border:1px solid #8a70c6;
}
.unit-form-option-lists > span.unit-form-op{
    background: #8a70c6;
    color: #fff;
    border:1px solid #8a70c6;
}
.select-option{
    overflow: hidden;
}
.select-option-input{
    width: 150px;
    margin-right: 10px;
}
.select-option-input .el-input-group__append{
    padding:0 ;
}
.select-option-delete{width: 32px;text-align: center;cursor: pointer;}
.unit-image-demo{
    width: 60px;
    height: 60px;
    background: #f8f8f8;
    border-radius: 3px;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}
.unit-image-demo i{
    font-size: 24px;
    line-height: 60px;
    color: #aaa;
}